﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/login_resource/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/login_resource/css/H-ui.login.css" rel="stylesheet" type="text/css" />
<link href="/login_resource/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/login_resource/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="/login_resource/js/H-ui.js"></script> 
<title>登录页面</title>
<script language="javascript">
/* 
window.onload = function(){
    var oForm = document.getElementById('loginButton');
    var oUser = document.getElementById('username');
    var oPswd = document.getElementById('password');
    var oRemember = document.getElementById('remember');
    //页面初始化时，如果帐号密码cookie存在则填充
    
    if(getCookie('user')){
    	if(getCookie('pswd')){
      oUser.value = getCookie('user');
      oPswd.value = getCookie('pswd');
      oRemember.checked = true;
    }	}
 

  };
  //表单提交事件触发时，如果复选框是勾选状态则保存cookie
  function checkRemember(){
	  var user = document.getElementById('username').value;
	    var pswd = document.getElementById('password').value;
	    alert(user)
	   
    if(remember.checked){ 
    	$.ajax({
			url : "/remember",
			type : "post",
			data:{'username':1,'password':2},
			success : function(data) {
				alert("ok")
			}
    	});
					
    }else{
    	location.href="/deleteinfor";
    }
  };
  
 */


	document.onkeydown = function(e) {
		if (e.keyCode == 13) {
			$("#loginButton").click();
		}
	};

	/* 登陆成功时，检测是否点击了记住密码 */
/* 	function validateCookie(){
		var oRemember = document.getElementById('remember');
		
		if(oRemember.checked){
			location.href="/remember"
		}else{
			location.href="/deleteinfor"
		}
		
	} */
	
	/* 登陆验证 */
	function login() {
		$.ajax({
			url : "/login",
			type : "post",
			data : $("#theform").serialize(),
			dataType : 'json',
			success : function(data) {
				if (data.success) {
				//	checkRemember();
					window.location.href = "/index";
					
				} else {
					$("#errorMsg").html(data.message);
				}
			}
		});
	}
	function changeCode() {
		var getTimestamp = new Date().getTime();
		$("#code").attr("src", "/getCode?timestamp=" + getTimestamp);
	}
	function validate() {
		var account = $("#loginName").val();
		$.ajax({
			url : "/validate",
			type : "post",
			data : {
				name : account
			},
			dataType : 'json',
			success : function(data) {
				if (data.success) {
					$("#errorMsg").html(data.message);
				}
			}
		});
	}
</script> 
</head>
<body>
<input type="hidden" id="TenantId" name="TenantId" value="" />
<div class="header"></div>
<div class="loginWraper">
  <div id="loginform" class="loginBox">
    <form class="form form-horizontal" name="theform" id="theform" method="post">
      <div class="row cl">
        <label class="form-label col-3" style="float: left;"><i class="Hui-iconfont">&#xe60d;</i></label>
        <div class="formControls col-8" style="float: left;">
          <input id="loginName" name="loginName" type="text" placeholder="账户" class="input-text size-L" onblur="validate()"  value="" />
        </div>
      </div>
      <div class="row cl">
        <label class="form-label col-3" style="float: left;"><i class="Hui-iconfont">&#xe60e;</i></label>
        <div class="formControls col-8" style="float: left;">
          <input id="password" name="password" type="password" placeholder="密码" class="input-text size-L" value=""/>
        </div>
      </div>
      <div class="row cl">
        <div class="formControls col-8 col-offset-3">
          <input class="input-text size-L" name="logincode" type="text" placeholder="验证码"   style="width:150px;"/>
          <img id="code" src="/getCode"/> <a id="kanbuq" href="javascript:changeCode()">看不清，换一张</a> </div>
      </div>
      <div class="row">
      
      <div class="formControls col-8 col-offset-3"><label><input id="remember" type="checkbox"/>记住密码</label></div>
      
        <div class="formControls col-8 col-offset-3">
          <label id="errorMsg" style="color: red;"></label>
        </div>
      </div>
      <div class="row">
        <div class="formControls col-8 col-offset-3">
          <input  type="button" onclick="login()" id="loginButton" class="btn btn-success radius size-L" value="&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;"/>
          <input  type="reset"  class="btn btn-default radius size-L" value="&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;"/>
        </div>
      </div>
    </form>
  </div>
</div>
<div class="footer">Copyright@--</div>
</body>
</html>